<template>
    <div class="app-container">
        <levelbar></levelbar>
        <div class="app-box">
            <div class="app-title"><h3>卡券说明</h3></div>
            <div class="app-top"><P>卡券购买说明</p></div>
            <section>
                <p>1.购买卡券需先线上申请开通对应学校收费服务</p>
                <p>2.卡券单价为线上收费金额乘以橘子股份所得分成比例</p>
                <p>3.购买申请提交后，需线下付款，待确认收款后发放卡券</p>
            </section>
            <div class="app-top"><P>卡券使用说明</p></div>
            <section>
                <p>1.卡券需由经销商线下发放给使用人员</p>
                <p>2.卡券只能被对应的学校用户使用，其他学校用户无法使用</p>
                <p>3.单张卡券只能使用一次，无法重复使用，请妥善保管</p>
            </section>
            <div class="footer">
                <el-button @click="resetForm">返回</el-button>
            </div> 
        </div>
         
    </div>
</template>

<script>
    import Levelbar from '../layout/Levelbar';
    export default {
        components: {Levelbar},
        data() {
            return {
        
            }
        },
        methods: {
            // 返回上一页
            resetForm() {
                this.$router.go(-1);
            }
        }
    }

</script>

<style lang="scss" scoped>
    @import '../../styles/var';
    .app-container {
    position: relative;
    padding: 20px 20px 10px;
    .app-levelbar {
        height: 35px;
    }
    .app-box{ 
        padding: 0px 50px 50px;
        background: #fff;
        box-shadow: 0px 1px 2px #999;
        -webkit-box-shadow: 0px 1px 2px #999;      
        .app-top{
            padding:40px 0 20px 0px;
            position:relative;
        }
        .app-top p{
            margin-left:15px;
        }
        .app-top:before {
            content: '';           
            float: left;
            width:3px;
            height:18px;
            margin-top:2px;
            background:#ff5e2c;
        }
        .app-title{
            padding:30px 50px;
            text-align:center;
            border-bottom:1px solid #ECECEC
        }
        .footer {
            text-align: center;
            margin-top: 100px;
            // .el-button {
            //     padding: 10px 40px;
            // }
        }
        >section{
            padding-left: 15px;
            p{
                line-height: 28px;
            }
        } 
    } 
}
</style>